/**
     * 面包屑导航区域开始-------------------------------------
 */
a{
    color:#666;
    outline:none;
}
/**
     * 面包屑导航开始=======================*/
#bread{
    width:1150px;height:45px;
    padding:15px 0px;
    margin:0 auto;
    a{
        font:12px/18px "微软雅黑";
        color:#666;
    }
    span{
        font:12px/18px "微软雅黑";
        color:#666; 
    }
    .last{
        font-weight: 700;
    }
}
/*** 面包屑导航区域结束 */

/**
     * 商品展示区域开始-------------------------------------
 */
#showGoodsBox{
    width:1150px;
    border-top: 1px solid #DDDDDD;
    padding:15px 0px;
    margin:0 auto;
//  左侧分类列表区域
    .leftCate{
        width:160px;
        float:left;
        overflow: hidden;
        .list{
            li{
                padding:6px 0px;
                cursor: pointer;
            }
            i{
                font-size:12px;
            } 
            .num{
                font:12px/12px "微软雅黑";
                padding-left: 5px;
                color: #BBB;
            }
            .cate{
                font:14px/14px "微软雅黑";
                font-weight: 700;
                color:#000000;
            }
            .sonCate{
                display: none;
                a{
                    font:12px/16px "微软雅黑";
                    padding:6px 0px;
                    display: block;
                    padding-left:18px;
                }
            }
        }
        .checked{
            background: #333333;
            color:#FFFFFF;
        }
    }
    
//  右侧商品展示区域
    .rightGoods{
        width:970px;
        float:right;
        .topShow{
            width:970px;height:300px;
            border:1px solid #EAECEB;
            .content{
                width:488px;height:300px;
                float: left;
                overflow: hidden;
                h1{
                    margin-top:60px;
                    text-align: center;
                }
                h5{
                    text-align: center;
                }
                p{
                    width:388px;height:188px;
                    margin:20px auto 0;
                    font:12px/18px "微软雅黑";
                    text-indent: 2em;
                    color:#666;
                }
            }
            .conImg{
                float:left;
                width:480px;height:300px;
            }
        }
        //筛选区域
        .filter{
           width:968px;
           margin-top: 20px;
           overflow: hidden;
           //选择的筛选条件
           .filted{
               padding:15px;
               background:#EAECEB;
               position:relative;
               span{
                   font:14px/24px "微软雅黑";
               }
               .case{
                   background: #222;
                   margin-right: 8px;
                   color:white;
                   padding:4px;
                   padding-left:15px;
                   font:12px/14px "微软雅黑";
                   span{
                       color:white;
                       padding:0px 3px;
                       padding-left:15px;
                   }
               }
               .clean{
                   font:12px/16px "微软雅黑";
                   color: #468FA2;
                   position:absolute;
                   right:10px;
               }
           }
           //筛选的盒子
            .filCase{
               border:1px solid #eaeceb;
               position:relative;
               border-top:0;
               padding: 15px;
               display: none;
               //筛选的条件分类
               .caseTitle{
                   font:14px/14px "微软雅黑";
                   position:relative;
                   top:2px;
               }
                //分类下筛选条件的盒子
               .op{
                   margin-left:40px;
                   margin-top:-13px;
               }
               //每个筛选条件
                .caseBox{
                   display: inline-block;
                   margin-left:15px;
                   margin-bottom: 5px;
                   font:12px/12px "微软雅黑";
                   color:#666;   
                   .rect{
                       display: inline-block;
                       width:12px;height:12px;
                       border:1px solid #eaeceb;
                       i{
                           display: none;
                           font:16px/12px "微软雅黑";
                       }
                   }
                   .case{
                       position:relative;
                       top:-2px;
                   }
               }
               //复选框被选中的样式
               .checked{
                   .rect{
                       display: inline-block;
                       width:12px;height:12px;
                       border:1px solid #eaeceb;
                       background: black;
                       i{
                           display: block;
                           color: white;
                       }
                   }
                   .case{
                        font-weight: 700;
                        color: #000000;
                   }
               }
            }
            //筛选条件是纯文字
            .price{
                .caseBox{
                    width:80px;
                    position:relative;
                }
                .checked{
                    color:red;
                }
            }
            //更多选项
            .moreFilter{
                width:130px;height:32px;
                border:1px solid #EAECEB;
                border-top:1px solid white;
                background: white;
                position:relative;
                top:-1px;
                margin:0 auto;
                a{
                    display: block;
                    padding-top: 5px;
                    text-align: center;
                    color:#999;
                    font:14px/14px "微软雅黑";
                }
            }
            //商品排序框
            .sort{
                height:50px;
                padding:15px;
                margin-top:15px;
                background: #F5F7F6;
                a{
                    font:12px/14px "微软雅黑";
                    color:#999;
                    margin-right:40px;
                    .rect{
                       display: inline-block;
                       width:12px;height:12px;
                       border:1px solid #eaeceb;
                       background: white;
                       margin-right: 4px;
                       margin-bottom: -3px;
                       i{
                           display: none;
                           font:16px/12px "微软雅黑";
                       }
                   }
                }
                //选中排序的样式
                .checked{
                   .rect{
                       display: inline-block;
                       width:12px;height:12px;
                       border:1px solid #eaeceb;
                       background: black;
                       position:relative;
                       top:2px;
                       i{
                           display: block;
                           color: white;
                       }
                   }
                   .case{
                        font-weight: 700;
                        color: #000000;
                   }
               }
            }
        }
        //商品展示区域
        .goodsBox{
            width:968px;
            padding-top:50px;
            h3{
                text-align: center;
                color:#666;
                margin-top:-20px;
                margin-bottom: 30px;
            }
            //每个商品的盒子
            .goods{
               width: 232px;
               height:406px;
               position:relative;
               float:left;
               margin:20px 10px 20px 0px;
               &:hover{
                   .goodsImg{
                       z-index: 11;
                   }
                   .goodsInfo{
                       z-index: 11;
                   }
                   .goodsPopbox{
                       display: block;
                       z-index: 10;
                   }
               }
               //商品图片
               .goodsImg{
                   display: block;
                   width:235px;height:314px;
                   position:relative;
                   img{
                       width:235px;height:314px;
                   }
                   //即将告罄
                   p{
                       display: none;
                       height:20px;width:235px;
                       color:white;
                       text-align: center;
                       font:12px/20px "微软雅黑";
                       position:absolute;
                       bottom: 0px;
                       background: #FFAC5B ;
                   }
                   .over{
                       display: block;
                   }
                   //sale
                   span{
                       display: none;
                       width:43px;height:20px;
                       text-align: center;
                       font:12px/20px "微软雅黑";
                       color:white;
                       position:absolute;
                       top:-20px;left:0px;
                   }
                   .sale{
                       display: block;
                       background: #FF575C ;
                      
                   }
                   //new
                   .new{
                       display: block;
                       background: #78dc7e ;
                   }
                   
               }
               //商品信息
               .goodsInfo{
                   padding-top:15px;
                   position: relative;
                   a{
                       display: block;
                       padding:3px 0px;
                       font:12px/12px "微软雅黑";
                       color:#000;
                   }
                   p{
                       margin-top:10px;
                       span{
                           font:12px/12px "微软雅黑";
                           display: none;
                       }
                       .oldprice{
                           display: block;
                           float:left;
                           margin-right:10px;
                           color:#999;
                           text-decoration:line-through
                       }
                       .price{
                           display: block;
                           float:left;
                       }
                   }
               }
               .goodsPopbox{
                   background:white;
                   display: none;
                   width:336px;
                   height:475px;
                   padding:20px 10px 10px 20px;
                   border:1px solid #DDDDDD;
                   box-shadow: 1px 1px 10px 2px #DDDDDD; ;
                   position:absolute;
                   top:-40px;left:-20px;
                   .thumb{
                       display: block;
                       width:50px;height:66px;
                       position:absolute;
                       right:20px;top:40px;
                       img{
                           width:50px;height:66px;
                       }
                   }
               }
            }
        }
        //分页开始
        .page{
            clear: both;
            height:25px;
            padding:15px 0px 45px;
            border-top: 2px solid #EAECEB;
            border-bottom: 2px solid #EAECEB;
            position:relative;
            .pageData{
                font:12px/25px "微软雅黑";
                color:#999;
            }
            .pageInfo{
                font:12px/12px "微软雅黑";
                position:absolute;
                right:0px;
                a,.close{
                    float:none;
                    font:12px/12px "微软雅黑";
                    color:#000;
                    margin:0px 10px;
                }
                .checked,strong{
                    display: inline-block;
                    width:24px;height:24px;
                    padding:6px 8px;
                    background: #000;
                    color:#FFF;
                }
            }
        }
        //最近游览
        .historyLook{
            .title{
                padding: 15px 0px 20px;
                font:14px/14px "微软雅黑";
            }
            .myHistory{
                overflow: hidden;
                .goods{
                    width: 150px;
                    height:293px;
                    position:relative;
                    float:left;
                    margin:20px 10px 20px 0px;
                    //商品图片
                    .goodsImg{
                        display: block;
                        width:150px;height:201px;
                        position:relative;
                        img{
                           width:150px;height:201px;
                        }
                    }
                   .goodsInfo{
                        padding-top:15px;
                        position: relative;
                        a{
                            display: block;
                            padding:3px 0px;
                            font:12px/12px "微软雅黑";
                            color:#000;
                        }
                        p{
                            margin-top:10px;
                            span{
                                font:12px/12px "微软雅黑";
                                display: none;
                            }
                            .oldprice{
                                display: block;
                                float:left;
                                margin-right:10px;
                                color:#999;
                                text-decoration:line-through
                            }
                            .price{
                                display: block;
                                float:left;
                            }
                        }
                    }
                }
            }
        }
    }
}





/**
     * 商品展示区域结束
 */
















































